@charset "utf-8";
.banner{position: relative;}
.banner .swiper-pagination-bullet{width: 47px;height: 5px;border-radius: 0;opacity: 0.5;background: #fff;}
.banner .swiper-pagination-bullet-active{background: #087DD5;}
.banner .swiper-button-next,.banner .swiper-button-prev{color: white;background:black ;opacity: 0;height: 55px;width: 40px;}
.banner:hover .swiper-button-prev,.banner:hover .swiper-button-next{opacity: .5;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 20px;}


.probx{overflow: hidden;text-align: center;}
.prouse img{border: 3px solid #e4eaee;}
.prouse p{text-overflow: ellipsis;white-space: nowrap; overflow: hidden;margin: 5px 0px 10px;text-align: center;}




.goods .tit img{width: 100%;}
.goods ul{border: 1px solid #ccc;}
.goods ul li a{background: url(/uploads/carousel/pro_lanm.jpg) no-repeat center center;line-height: 40px;padding-left: 75px;margin: 5px 0;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-right: 35px;}
.goods .pro_tel{background: #000 url(/uploads/carousel/lanm_tell.jpg)no-repeat left center;line-height: 20px;color: #fff;padding: 11px 0 10px 70px;}
.goods .pro_tel span{display: block;line-height: 30px;font-size: 26px;font-weight: bold;}
.goods .right{text-align: center;}
.goods .right img{border: 1px solid #ddd;}
.goods .right p{text-overflow: ellipsis;white-space: nowrap; overflow: hidden;margin: 5px 0px 10px;}



.firm{background: url(/uploads/carousel/about_in_bg.jpg) no-repeat center center;}
.firm .right .frtit span,.firm .right .frtit p{float: left;}

.firm .right .frbox{display: none;padding: 20px 30px;}
.firm .right{color: white;background: rgb(8,125,213,.6);height: 390px;}
.firm .right .friont{font-size: 30px;line-height: 48px;background: #087dd5;width: 10%;text-align: center;}
.firm .right .frtit p{width: 90%;font-size: 14px;line-height: 48px;font-weight: bold;}
.firm .right .t1{border-bottom: 1px solid #087dd5;}





.ys{background: url(/uploads/carousel/jz.jpg) no-repeat center top;margin-top: 2rem;}
.ys .text-center{font-size: 51px;color: #ffffff;line-height: 50px;padding-top: 6rem;padding-bottom: 5rem;font-weight: bold;}
.ys .bt{height: 360px;background: url(/uploads/carousel/bj.jpg) no-repeat center 70px;padding-top: 15px}


.ys .ys01{width: 165px;float: left;padding-top: 87px;margin-left: 60px;}
.ys .ys02{width: 221px;float: left;padding-top: 47px;margin-left: 60px;}
.ys .ys03{width: 190px;float: left;margin-left: 40px;}
.ys .ys04{width: 221px;float: left;padding-top: 47px;margin-left: 60px;}
.ys .ys05{width: 165px;float: left;padding-top: 87px;margin-left: 60px;}


.ys .ys01 span,.ys .ys05 span{width: 92px;height: 92px;display: block;background: #087dd5;line-height: 92px;text-align: center;color: #ffffff;font-size: 60px;margin: 0 auto;}
.ys .ys02 span,.ys .ys04 span{width: 130px;height: 120px;display: block;background: #3a3a3a;line-height: 120px;text-align: center;color: #ffffff;font-size: 73px;margin: 0 auto;}
.ys .ys03 span{width: 170px;height: 170px;display: block;background: #087dd5;line-height: 170px;text-align: center;color: #ffffff;font-size: 93px;margin: 0 auto;}
.ys .bt p{padding-top: 10px;display: block;width: 100%;font-size: 16px;text-align: center;line-height: 24px;color: #000000;}





.news{margin: 20px 0;padding: 50px 0 20px 0;background: url(/uploads/carousel/newsbg.jpg) no-repeat center top;}
.news a{color: #333;}
.news .tit .bt{font-size: 16px;color: #000;font-weight: bold;display: block;width: 90px;text-align: center;border-top: 3px solid #087dd5;margin-left: 0;}
.news .left,.news .right{background: #fff;border: 1px solid #ddd;padding: 0 8px 5px;}
.news ul li{padding-left: 25px;height: 40px;line-height: 40px;border-bottom: 1px dashed #cdcdcd;overflow: hidden;background: url(/uploads/carousel/news_icon.png)no-repeat left center;}
.news ul li span{float: right;font-size: 12px;color: #666;line-height: 40px;}

.linkbt{overflow: hidden;}
.linkbt h3{width: 135px;height: 60px;background: url(/uploads/carousel/in_link.jpg) center 0px no-repeat;line-height: 90px;text-align: center;overflow: hidden;float: left;font-family: 'Microsoft YaHei';font-size: 20px;color: #087dd5;font-weight: bold;}
.linkbt a{line-height: 30px;color: #494949;font-family: 'Microsoft YaHei';font-size: 12px;overflow: hidden;}


@media (max-width: 767px) {
    .firm .right .t1 .frbox p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10;}
}